<template>
  <a-menu mode="horizontal" style="position: fixed">
    <a-sub-menu key="demo">
      <template #title>
        第一章
      </template>
      <a-menu-item key="1">
        <router-link to="/"> 第一个场景 </router-link>
      </a-menu-item>
      <a-menu-item key="2">
        <router-link to="/chapter1/2"> 第二个场景 </router-link>
      </a-menu-item>
      <a-menu-item key="3">
        <router-link to="/chapter1/3"> 第三个场景 </router-link>
      </a-menu-item>
      <a-menu-item key="4">
        <router-link to="/chapter1/4"> 第四个场景 </router-link>
      </a-menu-item>
      <a-menu-item key="5">
        <router-link to="/chapter1/5"> 第五个场景 </router-link>
      </a-menu-item>
      <a-menu-item key="6">
        <router-link to="/chapter1/6"> 响应窗口变化 </router-link>
      </a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="demo2">
      <template #title>
        第二章
      </template>
      <a-menu-item key="7">
        <router-link to="/chapter2/1"> 创建基础场景 </router-link>
      </a-menu-item>
      <a-menu-item key="8">
        <router-link to="/chapter2/2"> 雾化场景 </router-link>
      </a-menu-item>
      <a-menu-item key="9">
        <router-link to="/chapter2/3"> 材质重写 </router-link>
      </a-menu-item>
      <a-menu-item key="10">
        <router-link to="/chapter2/4"> 常见几何体 </router-link>
      </a-menu-item>
      <a-menu-item key="11">
        <router-link to="/chapter2/5"> 改变几何体属性 </router-link>
      </a-menu-item>
      <a-menu-item key="12">
        <router-link to="/chapter2/6"> 相机切换 </router-link>
      </a-menu-item>
      <a-menu-item key="13">
        <router-link to="/chapter2/7"> 相机跟随 </router-link>
      </a-menu-item>
      <a-menu-item key="14">
        <router-link to="/chapter3/1"> 环境光 </router-link>
      </a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="demo3">
      <template #title>
        第三章
      </template>
      <a-menu-item key="14">
        <router-link to="/chapter3/1"> 环境光 </router-link>
      </a-menu-item>
      <a-menu-item key="15">
        <router-link to="/chapter3/2"> 点光源 </router-link>
      </a-menu-item>
      <a-menu-item key="16">
        <router-link to="/chapter3/3"> 聚光灯 </router-link>
      </a-menu-item>
      <a-menu-item key="17">
        <router-link to="/chapter3/4"> 平行光 </router-link>
      </a-menu-item>

    </a-sub-menu>
    <a-sub-menu key="demo4">
      <template #title>
        第四章
      </template>
      <a-menu-item key="18">
        <router-link to="/chapter4/1"> 小车案例 </router-link>
      </a-menu-item>
    </a-sub-menu>
  </a-menu>
  <router-view></router-view>
</template>
<script setup>
</script>
<style scoped>
</style>
